<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
    <input v-model="ok">
    <div v-if="ok">
        ok is true
    </div>
    <div v-else>
        ok is false
    </div>
</div>

<div id="app2">

    <template v-if="blockShow">
        <p>hello</p>
        <p>world</p>
        <p>!!!</p>
    </template>
    <template v-else>
        <p>think in java</p>
    </template>

</div>


<script>
    var pp = new Vue({
        el: "#app",
        data: {
            ok: true
        }
    })

    var app2 = new Vue({
        el: "#app2",
        data :{
            blockShow: false
        }
    })

</script>

</body>
</html>